<?xml version="1.0" encoding="utf-8"?>
<!--
	CS 2205 Unit 3
	Copyright © 2017 Alex Yst <mailto:copyright@y.st>

	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program. If not, see <http://www.gnu.org./licenses/>.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CS 2205 Unit 3</title>
		<meta name="viewport" content="width=device-width"/>
		<link rel="stylesheet" type="text/css" href="Unit_3.css"/>
	</head>
	<body>
		<nav id="top">
			<p>
				<a href="#bottom">Link to the bottom</a>
			</p>
		</nav>
		<h1><span title="Web Programming 1">CS 2205</span> Unit 3</h1>
		<p>
			All code and images on this page are copyright © 2017 Alex Yst.
			The code is released to you under the terms of the <abbr title="GNU&apos;s Not Unix">GNU</abbr> <abbr title="General Public License version Three or later">GPLv3+</abbr>, and the images are released to you under the terms of <abbr title="Creative Commons Attribution-ShareAlike 4.0 International">CC BY-SA 4.0</abbr>.
		</p>
		<h2>Exercise 1</h2>
<!--
Colour should be set in CSS using classes, not the "style" property of
the element. See the CSS file for the code that sets these colours.
  -->
		<p>
			<span class="colour0">1</span>,
			<span class="colour1">2</span>,
			<span class="colour2">3</span>,
			<span class="colour3">4</span>,
			<span class="colour4">5</span>,
			<span class="colour5">6</span>,
			<span class="colour6">7</span>,
			<span class="colour7">8</span>,
			<span class="colour8">9</span>,
			<span class="colour9">10</span>
		</p>
		<h2>Exercise 2</h2>
		<p>
			1<sup>2</sup> = 1<br/>
			2<sup>2</sup> = 4<br/>
			3<sup>2</sup> = 9<br/>
			4<sup>2</sup> = 16<br/>
			5<sup>2</sup> = 25<br/>
			6<sup>2</sup> = 36<br/>
			7<sup>2</sup> = 49<br/>
			8<sup>2</sup> = 64<br/>
			9<sup>2</sup> = 81<br/>
			10<sup>2</sup> = 100
		</p>
		<h2>Exercise 3</h2>
		<h3>Courses I&apos;ve taken so far:</h3>
		<ol start="0">
			<li>
				<a href="https://y.st./en/coursework/BUS1101/">BUS 1101: Principles of Business Management</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS1101/">CS 1101: Programming Fundamentals</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS1102/">CS 1102: Programming 1</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS1103/">CS 1103: Programming 2</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS2203/">CS 2203: Databases 1</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS2205/">CS 2205: Web Programming 1</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/CS2301/">CS 2301: Operating Systems 1</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/HIST1421/">HIST 1421: Greek and Roman Civilization</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/PHIL1404/">PHIL 1404: Ethics and Social Responsibility</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/POLS1503/">POLS 1503: Globalization</a>
			</li>
			<li>
				<a href="https://y.st./en/coursework/UNIV1001/">UNIV 1001: Online Education Strategies</a>
			</li>
		</ol>
		<h3>Courses I plan to take:</h3>
		<ul>
			<li>
				BUS 1102: Basic Accounting
			</li>
			<li>
				BUS 2201: Principles of Marketing
			</li>
			<li>
				BUS 2207: Multinational Management
			</li>
			<li>
				BUS 3306: Business and Society
			</li>
			<li>
				CS 1104: Computer Systems
			</li>
			<li>
				CS 2204: Communications and Networking
			</li>
			<li>
				CS 2401: Software Engineering 1
			</li>
			<li>
				CS 3303: Data Structures
			</li>
			<li>
				CS 3304: Analysis of Algorithms
			</li>
			<li>
				CS 3305: Web Programming 2
			</li>
			<li>
				CS 3306: Databases 2
			</li>
			<li>
				CS 3307: Operating Systems 2
			</li>
			<li>
				CS 3308: Information Retrieval
			</li>
			<li>
				CS 4402: Comparative Programming Languages
			</li>
			<li>
				CS 4403: Software Engineering 2
			</li>
			<li>
				CS 4404: Advanced Networking and Data Security
			</li>
			<li>
				CS 4405: Mobile Applications
			</li>
			<li>
				CS 4406: Computer Graphics
			</li>
			<li>
				CS 4407: Data Mining and Machine Learning
			</li>
			<li>
				CS 4408: Artificial Intelligence
			</li>
			<li>
				ENGL 1102: English Composition 2
			</li>
			<li>
				ENGL 1405: World Literature
			</li>
			<li>
				ENVS 1301: Introduction to Environmental Science
			</li>
			<li>
				MATH 1201: College Algebra
			</li>
			<li>
				MATH 1211: Calculus
			</li>
			<li>
				MATH 1280: Introduction to Statistics
			</li>
			<li>
				MATH 1302: Discrete Mathematics
			</li>
			<li>
				PHIL 1402: Introduction to Philosophy
			</li>
			<li>
				PSYC 1504: Introduction to Psychology
			</li>
		</ul>
		<h2>Exercise 4</h2>
		<p>
			Dilbert H.<br/>
			1234 Anim Street<br/>
			P.O. Box 22222
		</p>
		<p class="centre">
			Someone A. Person<br/>
			5555 Street Avenue<br/>
			Metrpolitan, Metropolis 11111
		</p>
		<h2>Exercise 5</h2>
		<p>
			At the top of this page, there is a link to the bottom.
			At the bottom of this page, there's a link to the top.
		</p>
		<h2>Exercise 6</h2>
		<ul>
			<li>
				<a href="https://peppercarrot.com/" target="_blank">Pepper&amp;Carrot</a>
			</li>
			<li>
				<a href="https://www.eff.org/" target="_blank">Electronic Frontier Foundation</a>
			</li>
			<li>
				<a href="https://www.uopeople.edu/" target="_blank">University of the People</a>
			</li>
			<li>
				<a href="https://y.st./" target="_blank">Alex Yst&apos;s Domain</a>
			</li>
		</ul>
		<h2>Exercise 7</h2>
		<p>
			In most browsers, the title of an image can be seen by hovering the mouse over that image for a second or two.
		</p>
		<p>
			<img title="My empty living room, which will soon be used for storage for my mother while she&apos;s in the process of moving" alt="My empty living room, which will soon be used for storage for my mother while she&apos;s in the process of moving" src="IMG_20170927_112503.jpg" height="480" width="800"/>
<!--
The assignment instructions say to skip two lines between each image.
"<br/>" drops down to the next line, it doesn't skip a line. For that
reason, we need to use one more "<br/>" element than the number of
lines we want to skip.
  -->
			<br/><br/><br/>
			<img title="My own belongings, stashed to the side of the entryway so my mother can use the living room for storage" alt="My own belongings, stashed to the side of the entryway so my mother can use the living room for storage" src="IMG_20170927_112625.jpg" height="480" width="800"/>
			<br/><br/><br/>
			<img title="My returnable bottles box and my shred box" alt="My returnable bottles box and my shred box" src="IMG_20170927_112657.jpg" height="480" width="800"/>
			<br/><br/><br/>
			<img title="My queer pride flag; I'm both agendered and gay" alt="My queer pride flag; I'm both agendered and gay" src="IMG_20170927_112754.jpg" height="480" width="800"/>
			<br/><br/><br/>
			<img title="My current laptop, named &quot;bailey&quot; and running Debian 9" alt="My current laptop, named &quot;bailey&quot; and running Debian 9" src="IMG_20170927_113255.jpg" height="480" width="800"/>
		</p>
		<h2>Exercise 8</h2>
		<p>
<!--
Good practice is to set the image size in XHTML, but the border size in
CSS using a class.
  -->
			<img width="200" height="200" class="border2" alt="Fabrics in my closet" src="cropped200.jpg"/>
		</p>
		<h2>Exercise 9</h2>
		<p>
			<a href="IMG_20170927_120841.jpg"><img src="IMG_20170927_120841.jpg"  alt="Drawers of cords and computer parts" height="480" width="800"/></a>
		</p>
		<h2>Exercise 10</h2>
		<table>
			<caption>My tech stock picks</caption>
			<thead>
				<tr>
					<th>
						NAME
					</th>
					<th>
						SYMBOL
					</th>
					<th>
						CURRENT
					</th>
					<th>
						52WK HI
					</th>
					<th>
						52WK LO
					</th>
					<th>
						P/E RATIO
					</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						Microsoft
					</td>
					<td>
						MSFT
					</td>
					<td>
						36-3/8
					</td>
					<td>
						119-15/16
					</td>
					<td>
						75-1/2
					</td>
					<td>
						56.09
					</td>
				</tr>
				<tr>
					<td>
						Cisco Systems
					</td>
					<td>
						CSCO
					</td>
					<td>
						72-1/8
					</td>
					<td>
						82
					</td>
					<td>
						24-13/16
					</td>
					<td>
						400.69
					</td>
				</tr>
				<tr>
					<td>
						America Online
					</td>
					<td>
						AOL
					</td>
					<td>
						63
					</td>
					<td>
						95-13/16
					</td>
					<td>
						38-15/32
					</td>
					<td>
						350.00
					</td>
				</tr>
				<tr>
					<td>
						Quest Communications
					</td>
					<td>
						Q
					</td>
					<td>
						44-7/16
					</td>
					<td>
						66
					</td>
					<td>
						25-3/4
					</td>
					<td>
						74.06
					</td>
				</tr>
				<tr>
					<td>
						Dell Computers
					</td>
					<td>
						DELL
					</td>
					<td>
						53-59/64
					</td>
					<td>
						59-11/16
					</td>
					<td>
						31-3/8
					</td>
					<td>
						86.97
					</td>
				</tr>
			</tbody>
		</table>
		<nav id="bottom">
			<p>
				<a href="#top">Link to the top</a>
			</p>
		</nav>
	</body>
</html>
